<template>
    <div class="app-container">
        <levelbar></levelbar>
        
        <el-tabs v-model="activeName">
            <el-tab-pane label="学生卡片" name="first">
                <student-manage></student-manage>
            </el-tab-pane>
            <el-tab-pane label="教师卡片" name="second">
                <teacher-manage></teacher-manage>
            </el-tab-pane>
            <el-tab-pane label="管理员卡片" name="third">
                <admin-manage></admin-manage>
            </el-tab-pane>
        </el-tabs>
        
    </div>
</template>

<script>
import Levelbar from '../layout/Levelbar';
import studentManage from './comps/studentManage';
import teacherManage from './comps/teacherManage';
import adminManage from './comps/adminManage';
export default {
    name: 'cardManage',
    components: { Levelbar, studentManage, teacherManage, adminManage},
    data() {
        return {
            activeName: 'first'
        }
    },
    created() {        
    },
    methods: { 
    }
}
</script>
<style lang="scss" scoped>
.withdrawals{
        width:100%;
        background:#fff;
        padding:30px 100px;
        margin-bottom:20px;
        box-shadow: 0px 1px 2px #999;
        -webkit-box-shadow: 0px 1px 2px #999;
        .el-col{
            text-align:left;
            span{
                margin-left:10px;
                font-size:18px;
                display:inline-block;
            }
        }
    }
</style>